<template>
	<view class="container">
		<text class="kefu">客服邮箱：</text>
		<text class="email" @longpress="copyEmail">{{email}}</text>
		<text class="desc">{{desc}}</text>
	</view>
</template>

<script>
	import functionTool from "@/data/function.js"
	
	export default {
		onShareAppMessage() {
			return functionTool.defaultShare()
		},
		onShareTimeline() {
			return functionTool.defaultShare()
		},
		data() {
			return {
				email: 'youmayanwork@163.com',
				desc: '欢迎来到我们的意见反馈页面！\n\n我们非常重视每一位用户的意见和反馈，因为您的反馈是我们改进和提升项目的重要来源。如果您在使用项目时遇到了任何问题或者有任何建议，我们非常希望听到您的声音！\n\n无论您是在使用过程中遇到了 bug，还是对某些功能有改进意见，或者只是想分享您的使用体验，我们都非常欢迎。我们承诺认真对待每一份反馈，及时回复并不断优化项目。\n\n因此，请不要犹豫，立即联系我们，与我们分享您的意见和反馈！\n\n感谢您的支持和信任。'
			}
		},
		methods: {
			copyEmail() {
				uni.setClipboardData({
					data: this.email,
					success: () => {
						uni.showToast({
							title: "已复制邮箱",
							duration: 2000
						})
					}
				});
			},
		}
	}
</script>

<style lang="scss">
	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 40rpx;
		padding: 30rpx;

		.kefu {
			font-size: 40rpx;
			color: #000;
			font-weight: bold;
		}

		.email {
			margin-top: 20rpx;
			font-size: 35rpx;
			color: #666;
		}

		.desc {
			margin-top: 100rpx;
			font-size: 30rpx;
			color: #333;
		}
	}
</style>
